<template>
  <!-- "v-bind:" 可以缩写成 ":" -->
  <div v-bind:id="dynamicID" v-bind:class="msg" :title="dynamicTitle">测试</div>
  <button :disabled="isButtonDisable">测试</button>
  <div v-bind="object">测试</div>
</template>

<script>
export default{
  data(){
    return{
      msg:"appclass",
      dynamicID:"appid",
      dynamicTitle:null,
      isButtonDisable:false,
      // 定义对象，有多个属性，可以是自定义属性，也可以是自带的属性
      object:{
        class:"appclass",
        id:"appid"
      }
    }
  }
}
</script>

<style>
.appclass{
  color:red;
  font-size:30px;
}
</style>